// 导入axios
import axios from 'axios'
// 导入store实例
import store from '@/store'
// 导入路由实例
import router from '@/router'
// baseURL 超时时间配置
const instance = axios.create({
  baseURL: 'http://pcapi-xiaotuxian-front-devtest.itheima.net'
})

// 全局注入token
instance.interceptors.request.use(config => {
  // 在请求头统一添加token
  // 先获取到token, 判断如果有token添加到请求头
  const token = store.state.user.profile.token
  if (token) {
    config.headers.Authorization = `Bearer ${token}`
  }
  return config
}, e => Promise.reject(e))

// 处理返回数据 token失效跳回到登录页
instance.interceptors.response.use(
  (response) => {
    // 请求200进入到这里
    // 把data数据返回给页面
    return response.data
  },
  (error) => {
    // 200以外进入
    // 处理401
    if (error?.response.status === 401) {
      /**
       * 1. 获取当前出现401的页面路径（目的：成功登陆之后，回到上次访问的页面）
       * 2. 跳回登录页带上401页面的地址
       * 3. router.currentRoute 是ref类型需要加.value访问值
       */
      store.dispatch('user/logout')
      const redirectUrl = router.currentRoute.value.fullPath
      router.replace(`/login?redirectUrl=${redirectUrl}`)
    }
    return Promise.reject(error)
  }
)

/**
 * 二次封装(不是必须的)
 * 基于：instance的axios新实例

 * @param {*} url:string 请求路径
 * @param {*} method:string 请求方法（get/post等）
 * @param {*} datas:object 请求的时候需要的参数
 */
const request = (url, method, datas) => {
  // 返回Promise对象
  return instance({
    url,
    method,
    // 对象动态属性名
    [method.toLowerCase() === 'get' ? 'params' : 'data']: datas
  })
}

export default request
